<template>
  <div class="todoapp">
    <todo-header ></todo-header>
    <todoList></todoList>
    <todo-main></todo-main>
    <todo-footer></todo-footer>
  </div>
</template>

<script>
import TodoFooter from './components/TodoFooter.vue' // shift + alt + 下
import TodoHeader from './components/TodoHeader.vue' // shift + alt + 下
import TodoMain from './components/TodoMain.vue' // shift + alt + 下
import todoList from './components/todoList.vue' // shift + alt + todo
export default {
  data() {
    return {
    }
  },
  computed: {
},
  components: {
    TodoFooter,
    TodoHeader,
    TodoMain,
    todoList
  },
  created() {
  },
}
</script>

<style scoped>
</style>
